@import "_variable";
.header{height:49px;background-color:$headerBackground;}
.logo{float: left;width:290px;height: 33px;margin-top:6px;background:url("../img/figure-icon.png") no-repeat 0 0}
.language{
  float: right;margin:19px 1px 0 0;
}
.language > a{line-height: 9px;display: block;cursor: pointer;}
.language > a:hover{text-decoration: none;}
.language > a:hover .caret{border-top:4px solid #e0e0e0;}
.language > a .caret{border-top:4px solid #b5bdce;}
.language.open > a .caret{border-top:4px solid transparent;border-bottom:4px solid #e0e0e0;margin-top:-4px; }
.language .dropdown-menu{background-color:#363b42;}
.language .dropdown-menu a:hover{background-color:#23252b;color:#e0e0e0;}
.language .dropdown-menu li.active a{color:#e0e0e0;background-color:transparent;}
.language .dropdown-menu a:hover .country-icon,.language .dropdown-menu li.active a .country-icon{opacity: 1;filter:alpha(opacity=100)}
.language .dropdown-menu a{color:#afb0b2;}
.language .dropdown-menu i{float: left;margin:5px 5px 0 0;}
.head-user-news{float: right;margin:19px 10px 0 0;}
.user-news-link{display: block;width:16px;height: 11px;background: url("../img/figure-icon.png") no-repeat -483px -1px;}
.head-user{
  float: right;
  .head-user-img{
    float: left;
    width:36px;
    height: 35px;
    padding:2px 3px;
    margin:7px 5px 0 0;
    .hack-css{
     background-position: 0 0;
    }
  }
  .dropdown{
    float: left;
    margin:15px 7px 0 0;
    .btn-link{cursor: pointer;color:#f8f6f3;float: left;}
    .btn-link:hover{text-decoration: none;}
    .caret{
      border-top-color: #908d8b;
    }
  }
  .dropdown:hover{
    .dropdown-menu{
      display: block;
    }
  }
  .level{float: left;margin:19px 10px 0 0;}
}
.nav{
  height: 70px;background-color: #2e3238;
  ul{
    display:table;
    table-layout: fixed;
    width:100%;
    li.first{
      text-align: left;
      width:80px;
    }
    li.last{
      text-align: right;
      width:80px;
    }
    li{
      text-align: center;
      font-size:14px;
      display:table-cell;
      p{
        height: 40px ;
        line-height: 35px;
        padding-bottom:5px;
      }
      >a{
        display: inline-block;
        text-align: center;
      }
      a{
        color:#b5bdce;
      }
      i{
        display: inline-block;
        vertical-align: bottom;
        position:relative;
        background-image: url("../img/figure-icon.png");
        background-repeat: no-repeat;
      }
      .iconfont{
        font-size:25px;
        position:relative;
      }
      .icon-jackpot{
        line-height: 47px;
      }
      .index-icon{
        width:28px;
        height: 23px;
        background-position: -2px -41px;
      }
      .spinach-icon{
        width:25px;
        height: 23px;
        background-position: -33px -41px;
      }
      .market-icon{
        width:29px;
        height:23px;
        background-position: -4px -360px;
      }
      .news-icon{
        margin-left: 5px;
        width:29px;
        height:25px;
        background-position: -66px -359px;
      }
      .item-icon{
        width:18px;
        height:25px;
        background-position: -41px -360px;
      }
      .bets-icon{
        width:20px;
        height:25px;
        background-position: -118px -41px;
      }
      .roll-icon{
        width:21px;
        height:25px;
        background-position: -101px -359px;
      }
      .bbs-icon{
        width:26px;
        background-position: -180px -41px;
      }
      .hall-icon{
        width:35px;
        height:24px;
        background-position: -211px -41px;
      }
      .user-icon{
        width:20px;
        height: 24px;
        background-position: -252px -41px;
      }
    }
    li:first-child{margin-left: 0;}
    li.active a,li a:hover{
      color:$infoColor;
      text-decoration: none;
      .index-icon{
        background-position: -2px -70px;
      }
      .spinach-icon{
        background-position: -33px -70px;
      }
      .market-icon{
        background-position: -4px -387px;
      }
      .news-icon{
        background-position: -66px -387px;
      }
      .item-icon{
        background-position: -41px -387px;
      }
      .bets-icon{
        background-position: -118px -70px;
      }
      .roll-icon{
        background-position: -101px -387px;
      }
      .bbs-icon{
        background-position: -180px -70px;
      }
      .hall-icon{
        background-position: -211px -70px;
      }
      .user-icon{
        background-position: -252px -70px;
      }
    }
  }
}